<!doctype html>
<meta charset="utf-8">
<title>Page not found &middot; BlueDoc</title>
<style>
  body { text-align: center; padding: 150px; background: #f0f0f0; color: #333; }
  .icon-box { text-align: center; }
  h1 { text-align: center;  font-size: 25px; line-height: 100%; padding: 0; margin: 0; margin-bottom: 40px; }
  body { font: 18px Helvetica, sans-serif; color: #333; }
  article { background: #fff; border-radius: 6px; padding: 35px; display: block; text-align: left; max-width: 750px; margin: 0 auto; }
  a { color: #dc8100; text-decoration: none; }
  a:hover { color: #333; text-decoration: none; }
</style>
<article>
  <div class="icon-box">
    <?xml version="1.0" encoding="UTF-8"?>
    <svg width="80" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <g id="note" transform="translate(5.000000, 5.000000)" fill="#000000" fill-rule="nonzero">
                <path d="M0,0 L0,22 L15.40625,22 L15.71875,21.71875 L21.71875,15.71875 L22,15.40625 L22,0 L0,0 Z M2,2 L20,2 L20,14 L14,14 L14,20 L2,20 L2,2 Z M16,16 L18.5625,16 L16,18.5625 L16,16 Z M11,5 C13.199219,5 14,6.800781 14,8 C14,9.300781 13,10.289063 12,10.6875 L12,12 L10,12 L10,10.40625 C10,9.707031 10.398438,9.105469 11,8.90625 L11.1875,8.90625 C11.488281,8.804688 12,8.5 12,8 C12,7.5 11.800781,7 11,7 C10.199219,7 10,7.5 10,8 L8,8 C8,6.800781 8.800781,5 11,5 Z M10,13 L12,13 L12,15 L10,15 L10,13 Z" id="Shape"></path>
            </g>
        </g>
    </svg>
  </div>
  <h1>Sorry, that page doesn’t exist!</h1>
</article>
